<template>
    <view>
        <custom-header title="分享记录" />
        <view class="numberTitleBox">
            <view class="numberItem">
                <!-- <view class="num">{{countMoney}}</view> -->
                <view class="num">0</view>
                <view class="label">以获得奖励(元)</view>
            </view>
            <view class="numberItem">
                <!-- <view class="num">{{peopleNum}}</view> -->
                <view class="num">0</view>
                <view class="label">以获得奖励(元)</view>
            </view>
        </view>

        <view class="listContet">
            <!-- <view class="listItem" wx:for="{{dataList}}" wx:key="index">
    <view class="listContent">{{item.date}}</view>
    <view class="listContent">{{item.p_num}}</view>
    <view class="listContent">{{item.getMoney}}</view>
  </view> -->
            <view class="listItem">暂无数据</view>
        </view>
    </view>
</template>

<script>
// import customHeader from '@/components/custom-header/index';
// pages/recordList/recordList.js
export default {
    // components: {
    //     customHeader
    // },
    data() {
        return {
            countMoney: 9999,
            peopleNum: 66,
            dataList: [
                {
                    date: '2025-01-11',
                    p_num: 2,
                    getMoney: 10
                },
                {
                    date: '2025-01-11',
                    p_num: 2,
                    getMoney: 10
                },
                {
                    date: '2025-01-11',
                    p_num: 2,
                    getMoney: 10
                },
                {
                    date: '2025-01-11',
                    p_num: 2,
                    getMoney: 10
                },
                {
                    date: '2025-01-11',
                    p_num: 2,
                    getMoney: 10
                }
            ]
        };
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {}
};
</script>
<style>
/* pages/recordList/recordList.wxss */
page {
    background: #f5f6f8;
}

.numberTitleBox {
    width: 100%;
    display: flex;
    margin-top: 200rpx;
}

.numberItem {
    width: 50%;
}

.num {
    width: 100%;
    text-align: center;
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 48rpx;
    color: #000000;
}

.label {
    width: 100%;
    text-align: center;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 28rpx;
    color: #000000;
    line-height: 33rpx;
}

.listContet {
    width: 690rpx;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 16rpx;
    margin-top: 30rpx;
}

.listItem {
    width: 100%;
    /* display: flex; */
    text-align: center;
}

.listContent {
    width: 33.3%;
    text-align: center;
    padding: 30rpx 0;
    border-bottom: 1rpx solid #f5f6f8;
}
</style>
